<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="./css/Input box.css"/>
</head>
<body>
        <br class="input-append">
        <br>
        <input class="a" id="appendedInputButton" type="text"  placeholder="sbsbsbsbsbsbsbsbsbsbbsbsbsb"
               style="width: 700px;height: 40px;font-size: 30px;">
        <input class="b" id="appendedInputButton" type="text"  placeholder="sbsbsbsbsbsbsbsbsbsbbsbsbsb"
               style="width: 700px;height: 40px;font-size: 18px;">
        <input class="c" id="appendedInputButton" type="text"  placeholder="sbsbsbsbsbsbsbsbsbsbbsbsbsb"
               style="width: 700px;height: 40px;font-size: 18px;">
        <input class="d" id="appendedInputButton" type="text"  placeholder="sbsbsbsbsbsbsbsbsbsbbsbsbsb"
               style="width: 700px;height: 40px;font-size: 18px;">
        </br>
        <br>
        <input class="e" id="appendedInputButton" type="text"  placeholder="lululululululu"
               style="width: 500px;height: 30px;font-size: 18px;">
        <input class="f" id="appendedInputButton" type="text"  placeholder="lululululululu"
               style="width: 500px;height: 30px;font-size: 18px;">
        <input class="g" id="appendedInputButton" type="text"  placeholder="lululululululu"
               style="width: 500px;height: 30px;font-size: 18px;">
        <input class="h" id="appendedInputButton" type="text"  placeholder="lululululululu"
               style="width: 500px;height: 30px;font-size: 18px;">
        </br>
        <br>
        <input class="i" id="appendedInputButton" type="text"  placeholder="lalalalalala"
               style="width: 350px;height: 20px;font-size: 18px;">
        <input class="j" id="appendedInputButton" type="text"  placeholder="lalalalalala"
               style="width: 350px;height: 20px;font-size: 18px;">
        <input class="k" id="appendedInputButton" type="text"  placeholder="lalalalalala"
               style="width: 350px;height: 20px;font-size: 18px;">
        <input class="m" id="appendedInputButton" type="text"  placeholder="lalalalalala"
               style="width: 350px;height: 20px;font-size: 18px;">
        </br>
        <br>
        <input class="l" id="appendedInputButton" type="text"  placeholder="hahahahahah"
               style="width: 200px;height: 15px;font-size: 18px;">
        <input class="o" id="appendedInputButton" type="text"  placeholder="hahahahahah"
               style="width: 200px;height: 15px;font-size: 18px;">
        <input class="p" id="appendedInputButton" type="text"  placeholder="hahahahahah"
               style="width: 200px;height: 15px;font-size: 18px;">
        <input class="q" id="appendedInputButton" type="text"  placeholder="hahahahahah"
               style="width: 200px;height: 15px;font-size: 18px;">
        </br>
    </div>

</body>
</html>